<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="referrer" content="no-referrer" />
    <title>卷皮网详情页</title>
    <link rel="stylesheet" href="./stylesheets/detail.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
</head>

<body>
    <!-- //toolbar -->
    <div class="toolbar content_width">
        <ul class="itemContainer">
            <li class="unlogin"><a href="./login.html">登陆</a></li>
            <li class="unlogin"><a href="./register.html" class="color_red">免费注册</a></li>
            <li class="user">
                    <div>
                          <a href="###" class=" color_red">
                                <i class="iconfont iconUser">&#xe618;</i><span>用户名</span>
                          </a>
                          <div class="user-menu">
                                <div>
                                      <p class="my-order">我的订单</p>
                                      <p class="login-out">退出</p>
                                </div>
                          </div>
                    </div>

              </li>
            <li><a href="" class="border_left"> 我的订单</a></li>
            <li><a href="">商家入驻</a></li>
            <li><a href="./car.html"><i class="iconfont icon_red">&#xe6d7;</i> 购物袋 <i
                        class="countContainer"><span class="buyNum">0</span></i></a></li>
            <li><a href="" class="border_left ">商家中心</a></li>
            <li><a href="">客户服务</a></li>

        </ul>
    </div>
    <!-- //end toolbar -->
    <!-- //logo search -->
    <div class="logoContainer fram_width border-bottom">
        <div class="logo content_width">
            <div class=" logobg logo-img"><a href="./index.html"></a></div>
            <div class=" logobg protection">
                <a href="###" title="开抢" class="qiang"></a>
                <a href="javascript:;" title="买手砍价" class="kanjia"></a>
                <a href="javascript:;" title="验货" class="yanhuo"></a>
            </div>
            <div class="search">
                <input id="searchIpt" type="text" placeholder="请输入想找的宝贝" />
                <span id="searchBtn"><i class="iconfont icon_white">&#xe601;</i></span>
            </div>
        </div>
        <div class="nav content_width">
            <ul class="nav_head">
                <li class="home"><a class="home" href="./index.html">首页</a></li>
                <li class="nav_tab"><a href="./product.html?5576">品牌折扣</a></li>
                <li class="nav_tab"><a href="./product.html?5577">9.9包邮</a></li>
                <li class="nav_tab"><a href="./product.html?5573">即将上线</a></li>
                <li class="nav_tab"><a href="javascript:;"><i class="iconfont icon_phone">&#xe633;</i> 手机版</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- //end logo -->

    <!-- main -->
    <div class="main-detail">
        <div class="content_width">
            <div class="title">
                <span>首页</span>
                <span>> 美妆</span>
                <span>> 淡化细纹眼袋绿眼膜贴</span>
            </div>
            <div class="main-container">
                <div class="left">
                    <div class="detail-img-small">
                        <ul class="img-small-container">
                            <!-- <li data-id="1"><img
                                    src="https://goods3.juancdn.com/goods/190401/5/0/5ca16933b6f8ea289422e46c_800x800.jpg?iopcmd=thumbnail&type=11&height=58&width=58%7Ciopcmd=convert&Q=88&dst=jpg"
                                    alt=""></li>
                            <li data-id="1"><img
                                    src="https://goods3.juancdn.com/goods/190401/5/0/5ca16933b6f8ea289422e46c_800x800.jpg?iopcmd=thumbnail&type=11&height=58&width=58%7Ciopcmd=convert&Q=88&dst=jpg"
                                    alt=""></li>
                            <li data-id="1"><img
                                    src="https://goods3.juancdn.com/goods/190401/5/0/5ca16933b6f8ea289422e46c_800x800.jpg?iopcmd=thumbnail&type=11&height=58&width=58%7Ciopcmd=convert&Q=88&dst=jpg"
                                    alt=""></li>
                            <li data-id="1"><img
                                    src="https://goods3.juancdn.com/goods/190401/5/0/5ca16933b6f8ea289422e46c_800x800.jpg?iopcmd=thumbnail&type=11&height=58&width=58%7Ciopcmd=convert&Q=88&dst=jpg"
                                    alt=""></li>
                            <li data-id="1"><img
                                    src="https://goods3.juancdn.com/goods/190401/5/0/5ca16933b6f8ea289422e46c_800x800.jpg?iopcmd=thumbnail&type=11&height=58&width=58%7Ciopcmd=convert&Q=88&dst=jpg"
                                    alt=""></li> -->
                        </ul>
                    </div>
                    <div class="detail-img-big">
                        <!-- <img src="http://s2.juancdn.com/bao/170411/6/f/58ec4c83ad0a49c1278b45c1_800x800.png?iopcmd=thumbnail&type=8&width=400&height=400%7Ciopcmd=convert&Q=88&dst=png"
                            alt="">
                        <img src="http://s2.juancdn.com/tao/160311/1/c/56e234d692be5952ae8b4574_800x800.jpg?iopcmd=thumbnail&type=8&width=400&height=400%7Ciopcmd=convert&Q=88&dst=jpg"
                            alt="">
                        <img src="http://s2.juancdn.com/tao/160311/1/c/56e234d692be5952ae8b4574_800x800.jpg?iopcmd=thumbnail&type=8&width=400&height=400%7Ciopcmd=convert&Q=88&dst=jpg"
                            alt="">
                        <img src="http://s2.juancdn.com/tao/160311/1/c/56e234d692be5952ae8b4574_800x800.jpg?iopcmd=thumbnail&type=8&width=400&height=400%7Ciopcmd=convert&Q=88&dst=jpg"
                            alt="">
                        <img src="http://s2.juancdn.com/tao/160311/1/c/56e234d692be5952ae8b4574_800x800.jpg?iopcmd=thumbnail&type=8&width=400&height=400%7Ciopcmd=convert&Q=88&dst=jpg"
                            alt=""> -->
                    </div>
                </div>

                <div class="sel">
                    <!-- <h2 class="product-name">韩版学院风套装裙夏字母圆领短袖上衣续费碎花裙两件套A4D</h2>
                    <div class="priceContainer">
                        <div class="price">
                            <span class="price-now">￥16.6</span>
                            <span class="price-refer marginLeft">参考价:￥99</span>
                            <span class="reduce">剩余:3天</span>
                        </div>
                        <div class="price-vice">
                            <span class="lable">促销:</span>
                            <i class="type marginLeft">满减件</i>
                            <span class="nomal">满一件减3元 详情>></span>

                        </div>
                        <div class="price-deliver">
                            <span class="lable">配送:</span>
                            <span class="marginLeft">宁波市 至
                                <span class="address"><i class="arrow"></i></span>
                                包邮, 24小时发货
                            </span>
                        </div>
                        <div class="price-color">
                            <span class="lable float">颜色:</span>
                            <div class="marginLeft float">
                                <ul class="sel-container">
                                    <li>[加大款]夏凉被</li>
                                    <li>[加大款]夏凉被</li>
                                    <li>[加大款]夏凉被</li>
                                    <li>[加大款]夏凉被</li>
                                </ul>
                            </div>
                        </div>
                        <div class="price-code">
                            <span class="lable float">尺码:</span>
                            <div class="marginLeft float">
                                <ul class="sel-container">
                                    <li>155</li>
                                    <li>160</li>
                                    <li>165</li>
                                    <li>170</li>
                                </ul>
                            </div>
                        </div>
                        <div class="price-button">
                            <span class="lable float">尺码:</span>
                            <div class="marginLeft float">
                                <i class="plus">-</i>
                                <span class="plus num">1</span>
                                <i class="plus">+</i>
                            </div>

                        </div>
                        <div class="price-submit">
                            <span class="buy car">立即购买</span>
                            <span class="car">加入购物车</span>
                        </div>
                    </div> -->
                </div>

                <div class="promis">
                    <div class="store">
                        <a href=""><img
                                src="https://goods8.juancdn.com/seller/180123/f/8/5a66cf0ba9fcf81187094a0c_180x90.png?imageMogr2/thumbnail/58x58!/quality/88!/format/png"
                                alt=""></a>
                        <p>旗舰店旗舰店旗舰店</p>
                        <span>共200件商品</span>
                    </div>
                    <div class="approve">
                        <p><i class="iconfont icon_red icon_marginright">&#xe6d7;</i>金牌认证</p>
                        <p><i class="iconfont icon_red icon_marginright">&#xe6d7;</i>已缴纳保证金</p>
                        <p><i class="iconfont icon_red icon_marginright">&#xe6d7;</i>营业执照</p>
                    </div>
                    <div class="approve">
                        <p><i class="iconfont icon_red icon_marginright">&#xe6d7;</i>联系客服</p>
                    </div>
                </div>

            </div>
        </div>
        <div class="describe content_width">
            <div class="describle_head">
                <div class="describle-head-left">
                    <ul class="head-container">
                        <li><a href="#pDetails" class="first" target="">商品详情</a></li>
                        <li><a href="#standards" target="">商品规格</a></li>
                        <li><a href="#service">物流与售后</a></li>
                        <li><a href="#protection">消费保障</a></li>
                        <li class="last"><a href="###">手机购买</a></li>
                    </ul>
                    <div id="pDetails">
                        <div class="discrible-main-head">
                            <span><i class="iconfont icon_phone">&#xe633;</i>产品展示<i
                                    class="iconfont icon_phone">&#xe633;</i></span>
                            <hr class="line">
                        </div>
                        <div class="discrible-main-detail">
                            <!-- <img src="http://t00img.yangkeduo.com/goods/images/2018-09-29/6509ae8e3f1cdd9223d25e0d7ae4b6d7.jpeg" alt="">
                            <img src="http://t00img.yangkeduo.com/goods/images/2018-09-29/6509ae8e3f1cdd9223d25e0d7ae4b6d7.jpeg" alt=""> -->
                        </div>
                    </div>
                    <div id="standards ">
                        <div class="discrible-main-head">
                            <span><i class="iconfont icon_phone">&#xe633;</i>商品规格<i
                                    class="iconfont icon_phone">&#xe633;</i></span>
                            <hr class="line">
                        </div>
                        <div class="discible-standards">
                            <table cellpadding="0" cellspacing="0" class="tb-param">
                                <tbody>
                                    <tr>
                                        <td width="33%">品牌：RIBECS/伊贝诗</td>
                                        <td width="33%">功效：保湿/补水,提拉紧致,抗衰老/抗皱,缩毛孔,晒后修复</td>
                                        <td width="33%">是否为特殊用途化妆品：否</td>
                                    </tr>
                                    <tr>
                                        <td width="33%">产地：中国</td>
                                        <td width="33%">化妆品净含量：30g/mL</td>
                                        <td width="33%">规格类型：正常规格</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="service">
                        <div class="discrible-main-head">
                            <span><i class="iconfont icon_phone">&#xe633;</i>物流与售后<i
                                    class="iconfont icon_phone">&#xe633;</i></span>
                            <hr class="line">
                        </div>
                        <div class="service-content">
                            <img src="./images/service.png" alt="">
                        </div>
                    </div>
                    <div id="protection">
                        <div class="discrible-main-head">
                            <span><i class="iconfont icon_phone">&#xe633;</i>消费保障<i
                                    class="iconfont icon_phone">&#xe633;</i></span>
                            <hr class="short-line ">
                        </div>
                        <div class="protection-items">
                            <ul class="items-container">
                                <li><span class="bg shenhe"></span></li>
                                <li><span class="bg kanjia"></span></li>
                                <li><span class="bg zhijian"></span></li>
                                <li><span class="bg jiankong"></span></li>
                                <li><span class="bg baoyou"></span></li>
                                <li><span class="bg fahuo"></span></li>
                                <li><span class="bg tuihuo"></span></li>
                            </ul>
                            <div class="protection-container items-container">
                                <div class="protection-content">
                                    <div class="content-left">
                                        <img src="./images/cp02_1.jpg" alt="">
                                        <img src="./images/cp02_2.jpg" alt="">
                                        <img src="./images/cp02_3.jpg" alt="">
                                        <img src="./images/cp02_4.jpg" alt="">
                                        <img src="./images/cp02_5.jpg" alt="">
                                        <img src="./images/cp02_6.jpg" alt="">
                                        <img src="./images/cp02_7.jpg" alt="">
                                    </div>
                                    <div class="content-mid">

                                    </div>
                                    <div class="content-right"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="describle-head-right">
                    <p>专场其他商品</p>
                    <ul>
                        <li>
                            <a href="###" class="img-link">
                                <div class="img-right">
                                    <span>双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###" class="img-link">
                                <div class="img-right">
                                    <span>双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###" class="img-link">
                                <div class="img-right">
                                    <span>双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <!-- endmain -->

    <!-- //footer -->
    <div class="fram_width border-top">
        <div class="content_width footer">
            <div class="erweima">
                <a href="###"><img src="./images/erweima.png" alt=""></a>
                <p>随时逛 及时抢</p>
            </div>
            <div class="gengxin footer_link">
                <p>获取更新</p>
                <ul>
                    <li><i></i><a href="">iPhone/Android</a></li>
                    <li><i></i><a href="">卷皮QQ空间</a></li>
                    <li><i></i><a href="">卷皮新浪微博</a></li>
                    <li><i></i><a href="">开放API</a></li>
                </ul>
            </div>
            <div class="partner footer_link">
                <p>商务合作</p>
                <ul>
                    <li><i></i><a href="">卖家免费报名</a></li>
                    <li><i></i><a href="">商家入驻</a></li>
                    <li><i></i><a href="">廉政邮箱</a></li>
                    <li><i></i><a href="">开放平台</a></li>
                </ul>
            </div>
            <div class="partner footer_link">
                <p>公司信息</p>
                <ul>
                    <li><i></i><a href="">关于卷皮</a></li>
                    <li><i></i><a href="">媒体报道</a></li>
                </ul>
            </div>
            <div class="partner footer_link">
                <p>帮助中心</p>
                <ul>
                    <li><i></i><a href="">新手上路</a></li>
                    <li><i></i><a href="">网站地图</a></li>
                </ul>
            </div>
            <div class="connection">
                <div class="telimg">
                    <span>
                        <p>周一至周五</p>
                        <p>9:00-18:00</p>

                    </span>
                </div>
                <div class="telnumber">
                    <span>客服热线 : 400-0090-869</span>
                </div>
            </div>
        </div>
        <div class="content_width">
            <div class="friend_link">
                <div class="flink_left">
                    <span>友情链接&nbsp;&nbsp;:&nbsp;&nbsp; </span>
                    <span class="roll">
                        <div id="link1">
                            <a href="###">易登网</a>
                            <a href="###">易登网</a>
                            <a href="###">普洱茶</a>
                            <a href="###">品牌鞋</a>
                        </div>
                        <div id="link2">
                            <a href="###">九块九</a>
                            <a href="###">九块九</a>
                            <a href="###">易迅优惠券</a>
                            <a href="###">中国鲜花礼品网</a>
                        </div>
                    </span>
                </div>
                <div class="more foot_more">
                    <a href="###">更多>></a>
                </div>
            </div>

        </div>
        <div class="copyright content_width">
            <p>
                <span>武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 |
                    <a href="###"> 鄂公网安备42018502000390号</a>
                    | 食品流通许可证 SP4201991510041888
                </span>
            </p>
            <p>Copyright © 2010 -2019 JuanPi.com All Rights Reserved</p>
            <div class="copyimg">
                <img src="./images/r_315new.gif" alt="" />;
                <img src="./images/r_cnnic.gif" alt="" />;
                <img src="./images/r_gongshang.gif" alt="" />;
                <img src="./images/sm_124x47.png" alt="" class="last" />;

            </div>
        </div>
    </div>
    <!-- //end footer -->
    <div class="userbar">
        <ul>
            <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe618;</i></a></li>
            <li class="shopcontainer">
                <a href="./car.html" class="link">
                    <div>
                        <i class="iconfont iconUserbar">&#xe6d7;</i>
                    </div>
                    <span class="shopbag"> 购物袋</span>
                    <div>
                        <i class="countContainer"><span class=" buyNum">0</span></i>
                    </div>
                </a>
            </li>
            <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe613;</i></a></li>
            <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe645;</i></a></li>
            <li class="bottom">
                <div>
                    <a href=""><i class="iconfont iconUserbar">&#xe632;</i></a>
                </div>
                <div>
                    <a href=""><i class="iconfont iconUserbar">&#xe607;</i></a>
                </div>
                <div>
                    <a href=""><i class="iconfont iconUserbar">&#xe619;</i></a>

                </div>
            </li>
        </ul>
    </div>
    <div class="fram_width head-menu-container">
        <div class="content_width head-menu ">
            <ul class="head-container">
                <li><a href="#pDetails" class="first" target="">商品详情</a></li>
                <li><a href="#standards" target="">商品规格</a></li>
                <li><a href="#service">物流与售后</a></li>
                <li><a href="#protection">消费保障</a></li>
                <li><a href="###">手机购买</a></li>
                <li class="last">
                    <div>
                        <a href="###" class="price-font">￥16</a>
                        <span class="car submitBtn">加入购物车</span>
                    </div>
                </li>


            </ul>
        </div>
    </div>
    <script src="./scripts/libs/require.js"></script>
    <script>
        require(["./require.config"], function () {
            require(["detail"], () => {
            })
        })
    </script>
</body>

</html>